@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  font-size: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: black; }

ul, li {
  list-style: none; }

.clear {
  clear: both; }

p {
  font-size: 16px; }

html, body, .TJSP_Mask {
  height: 100%; }

html {
  font-size: 64px;
  font-family: 方正兰亭黑简体; }

body {
  background-color: #f3f4f6; }

.header {
  width: 100%;
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .header span {
    font-size: 0.54688rem;
    display: inline-block;
    -webkit-box-flex: 0.5;
    -ms-flex-positive: 0.5;
    flex-grow: 0.5;
    text-align: right; }
    .header span i {
      font-size: 0.57813rem;
      line-height: 1.375rem; }
  .header .contant {
    -webkit-box-flex: 9.5;
    -ms-flex-positive: 9.5;
    flex-grow: 9.5;
    text-align: center; }
    .header .contant span {
      line-height: 1.375rem; }

.money {
  width: 100%;
  background-color: #ffffff; }
  .money ul {
    width: 100%;
    padding: 0.625rem 0 0 0.45313rem; }
    .money ul .oktixian {
      border-bottom: 1px solid #e3e3e3; }
      .money ul .oktixian p {
        font-size: 0.4375rem;
        color: #333333;
        margin: 0 0 0.54688rem 0; }
      .money ul .oktixian .contant {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        line-height: 1.875rem; }
        .money ul .oktixian .contant .num {
          display: inline-block;
          -webkit-box-flex: 8;
          -ms-flex-positive: 8;
          flex-grow: 8;
          font-size: 0.75rem; }
          .money ul .oktixian .contant .num span {
            font-size: 0.375rem; }
        .money ul .oktixian .contant .tixian {
          display: inline-block;
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          color: #666666;
          font-size: 0.40625rem;
          text-align: center;
          text-align: right; }
        .money ul .oktixian .contant .right {
          display: inline-block;
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          text-align: center; }
          .money ul .oktixian .contant .right .icon-right {
            color: #b1b1b3;
            font-size: 0.4375rem; }
    .money ul .notixian {
      line-height: 1.20313rem; }
      .money ul .notixian .contant {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .money ul .notixian .contant .tixian {
          -webkit-box-flex: 8;
          -ms-flex-positive: 8;
          flex-grow: 8;
          font-size: 0.4375rem; }
        .money ul .notixian .contant .num {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          font-size: 0.40625rem;
          color: #666666;
          text-align: right; }
        .money ul .notixian .contant .right {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          text-align: center; }
          .money ul .notixian .contant .right .icon-right {
            color: #b1b1b3;
            font-size: 0.4375rem; }

.contant .message {
  width: 100%;
  background-color: #fff;
  margin-top: 0.46875rem; }
  .contant .message ul {
    display: block;
    height: 100%;
    width: 100%;
    padding-left: 0.3125rem; }
    .contant .message ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      line-height: 1.46875rem;
      border-bottom: 1px solid #E3E3E3; }
      .contant .message ul li span {
        font-size: 0.40625rem; }
      .contant .message ul li .hanzi {
        -webkit-box-flex: 8;
        -ms-flex-positive: 8;
        flex-grow: 8; }
      .contant .message ul li .num {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: right;
        color: #666; }
      .contant .message ul li .right {
        color: #b1b1b3;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center; }
        .contant .message ul li .right .icon-right {
          font-size: 0.4375rem; }
    .contant .message ul li:last-of-type {
      border-bottom: initial; }

.footer {
  width: 100%;
  padding-top: 0.54688rem;
  padding-bottom: 0.54688rem; }
  .footer .contant {
    height: 100%; }
    .footer .contant p {
      font-size: 0.3125rem;
      color: #999;
      margin-left: 0.42188rem; }
    .footer .contant p:last-of-type {
      color: #153fc6; }

.test {
  display: none; }

.explain {
  width: 100%;
  background-color: #ffffff; }
  .explain .contant {
    padding-left: 0.42188rem;
    padding-top: 0.625rem; }
    .explain .contant p:first-of-type {
      font-size: 0.46875rem;
      color: #333;
      margin-bottom: 0.78125rem; }
    .explain .contant p:last-of-type {
      font-size: 0.375rem;
      color: #666666;
      margin-bottom: 0.8125rem; }
    .explain .contant span {
      display: block;
      width: 9.0625rem;
      text-align: justify;
      line-height: 0.54688rem;
      padding-left: 0.04688rem;
      font-size: 0.375rem;
      color: #666; }
    .explain .contant span:first-of-type {
      margin-bottom: 0.84375rem; }
    .explain .contant span:last-of-type {
      padding-bottom: 0.82813rem; }
